<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta charset="utf-8" />
    <title>{% block title %}知更鸟{% endblock %}</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {% block publicCss %}
        <!-- CSS Files -->
        <link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/plugin/bootstrap/css/bootstrap.min.css") }}" />
        <link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/plugin/font-awesome/css/font-awesome.min.css") }}" />
        {#<link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/plugin/font-awesome/css/font-awesome.css") }}" />#}
        <link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/plugin/animate.min.css") }}" />
        <link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/css/style.css") }}" />
        <link rel="stylesheet" href="{{ asset("bundles/webmainsite/web/css/main.css") }}" />
        <!-- / CSS Files -->
        {#dialog#}

        <link href="{{ asset("bundles/systemadmin/css/ui-dialog.css") }}" rel="stylesheet" type="text/css" />
        {#<script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/jquery-1.11.2.min.js") }}"></script>#}
    {% endblock %}
    {% block myCss %}{% endblock %}

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="{{ asset("bundles/webmainsite/web/script/html5shiv.js") }}"></script>
    <script src="{{ asset("bundles/webmainsite/web/script/respond.min.js") }}"></script>
    <![endif]-->
</head>
<body>
{% block header %}
<header class="main bg-dark-img home-3">
    <!--top start-->
    <div class="container">
        <nav class="navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{{ path("WebIndex") }}"><img id="logo" src="{{ asset("bundles/webmainsite/web/img/logo.png") }}" alt="" /></a>
            </div>
            <div class="collapse navbar-collapse">
                <div class="navbar-right menu-main">
                    <ul class="nav navbar-nav">
                        <li><a href="{{ path("WebIndex") }}"><span>首页</span></a></li>
                        <li><a href="{{ path("WebCourseList") }}"><span>全部课程</span></a></li>
                        {#<li><a href="features.htm"><span>推荐课程</span></a></li>#}
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>名校课程</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="{{ path("WebCourseList") }}">名校推荐课程</a></li>
                                <li><a href="{{ path("WebCourseList") }}">国内名校课程</a></li>
                                <li><a href="{{ path("WebCourseList") }}">欧美名校课程</a></li>
                            </ul>
                        </li>
                        <li><a href="{{ path("WebCourseList") }}"><span>名师课程</span></a></li>
                        {#<li class="dropdown">#}
                            {#<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>名师课程</span> <b class="caret"></b></a>#}
                            {#<ul class="dropdown-menu">#}
                                {#<li><a href="categories.htm">Categories of video</a></li>#}
                                {#<li><a href="videos-list.htm">Video list</a></li>#}
                                {#<li><a href="videos-grid.htm">Video list (grid)</a></li>#}
                                {#<li><a href="video.htm">Video film detail</a></li>#}
                            {#</ul>#}
                        {#</li>#}
                        <li{% if  app.request.requestUri == path("WebNews",{id:1}) %} class="active"{% endif %}><a href="{{ path("WebNews",{id:1}) }}"><span>联系我们</span></a></li>
                        <li{% if  app.request.requestUri == path("WebNews",{id:2}) %} class="active"{% endif %}><a href="{{ path("WebNews",{id:2}) }}"><span>关于知更鸟</span></a></li>
                    </ul>
                    {% if app.user and app.user.username %}
                        <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="{{ path("WebUserIndex") }}"><i class="fa fa-user"></i>用户管理中心</a>
                    {% else %}
                        <a class="btn btn-theme navbar-btn btn-default sign-in" href="{{ path("WebUserLogin") }}">登录</a>
                        <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="{{ path("WebUserReg") }}">注册成为会员</a>
                    {% endif %}
                </div>
            </div>
        </nav>
    </div>
    <!--top end-->

    <!--all category start-->
    {% block header_category %}
    {% endblock %}
    <!--all category end-->

    {% block header_banner %}
    {% endblock %}
</header>
{% endblock %}
{% block page_header %}
{% endblock %}
{% block main %}
{% endblock %}
{% block footer %}
<footer class="main bg-dark-img">
    <section class="widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h4 class="yahei">云通控股集团</h4>
                    <p style="max-height:189px;overflow:hidden;">云通集团旗下设立留学移民事业部、学历职业教育事业部、通讯事业部、IT技术事业部、企业服务事业部，业务范围是美英加澳新、欧洲国家留学咨询、申请办理、雅思托福培训、移民办理、海外人才引进、学术交流、学历职业教育、高考咨询、海外置业、投资、全球购、网络电话运营、服务器租用、IT技术开发、手机APP开发、移动互联网、软件开发、通信工程、智慧校园平台、农业高科等。</p>
                </div>
                <div class="col-md-3 footer-qlink">
                    <h4 class="yahei">信息中心</h4>
                    <nav>
                        <ul>
                            <li><a href="{{ path("WebNews",{id:1}) }}"><i class="fa fa-reply"></i> 联系我们</a></li>
                            <li><a href="{{ path("WebNews",{id:2}) }}"><i class="fa fa-reply"></i> 关于知更鸟</a></li>
                            <li><a href="{{ path("WebNews",{id:3}) }}"><i class="fa fa-reply"></i> 求贤若渴</a></li>
                            <li><a href="{{ path("WebNews",{id:4}) }}"><i class="fa fa-reply"></i> 合作交流</a></li>
                            <li><a href="{{ path("WebNews",{id:5}) }}"><i class="fa fa-reply"></i> 常见问题</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 footer-blog">
                    <h4 class="yahei">知更鸟APP</h4>
                    <ul class="media-list">
                        <li class="media">
                            <img style="width: 40%;height: auto;margin: 0 auto;" id="logo" src="{{ asset("bundles/webmainsite/web/img/qrcode.jpg") }}"/>
                        </li>
                        <li class="media">
                            <img style="width: 40%;height: auto;margin: 0 auto;" id="logo" src="{{ asset("bundles/webmainsite/web/img/qrcode.jpg") }}"/>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 footer-social">
                    <h4 class="yahei">微信公众平台</h4>
                    <img style="width: 90%;height: auto;margin: 0 auto;" id="logo" src="{{ asset("bundles/webmainsite/web/img/qrcode.jpg") }}"/>
                </div>
            </div>
        </div>
    </section>
    <section class="copyright">
        <div class="container"> &copy; Copyright 2018 <b>www.YunTongGroup.Com</b> &nbsp; | &nbsp; All rights reserved.&nbsp; More Info <a href="www.YunTongGroup.Com" target="_blank" title="">云通控股集团</a>
        </div>
    </section>
</footer>
{% endblock %}
{% block publicJs %}
<!-- JavaScript Files -->
<script src="{{ asset("bundles/webmainsite/web/plugin/jquery-1.10.2.min.js") }}"></script>
<script src="{{ asset("bundles/webmainsite/web/plugin/bootstrap/js/bootstrap.min.js") }}"></script>
<script src="{{ asset("bundles/webmainsite/web/script/animate.js") }}"></script>
<script src="{{ asset("bundles/webmainsite/web/plugin/easy-pie-chart/jquery.easypiechart.min.js") }}"></script>
<script src="{{ asset("bundles/webmainsite/web/plugin/jquery.cuteTime.min.js") }}"></script>
<script src="{{ asset("bundles/webmainsite/web/script/script.js") }}"></script>
<script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/dialog-plus-min.js")}}"></script>
<!-- / JavaScript Files -->
{% endblock %}
{% block myJs %}{% endblock %}

<iframe name="msg" id="msg" style="display: none"></iframe>
{#积分效果#}
<script>

    setInterval(function (e) {
        var text = "+1积分在线奖励";
        bonusPoints(e ,window.scrollX + 100,window.scrollY + 300,text);
//        alert(e.pageX);
    },10000);

    function bonusPoints(e ,x,y ,text){
//        var n = Math.round(Math.random()*100);	//随机值（改成需求值就行）
        var $i=$("<b>").text(text);
//        var x=e.pageX,y=e.pageY;
        $i.css({
            top:y-20,left:x-10,
            position:"absolute",
            color:"#FFFFFF",
            "font-size":"1em",
            background:"#f97307",
            padding:"6px",
            borderRadius:"5px"

        });
        $("body").append($i);
        $i.animate({top:y-200,opacity:0,"font-size":"4em"},3500,function(){
            $i.remove();
        });
//        e.stopPropagation();
    }
</script>

</body>
</html>